
<div style="POSITION: relative" id="content">
  <h3>使用easyUI创建简单的菜单</h3>
  <div id="article_content" class="article_content">
    <p><img src="documentation/images/1344415088_2065.png" alt=""><br>
    </p>
    <p>菜单定义在一些DIV元素中<span style="font-family:Arial,Helvetica,Nimbus Sans L,sans-serif"><span style="font-size:14px">,就像下面:</span></span></p>
    <p style="text-align:left"><span style="font-family:Arial,Helvetica,Nimbus Sans L,sans-serif"><span style="font-size:14px"></span></span></p>
    <pre name="code" class="html">&lt;div id=&quot;mm&quot; class=&quot;easyui-menu&quot; style=&quot;width:120px;&quot;&gt;  
    &lt;div onclick=&quot;javascript:alert('new')&quot;&gt;New&lt;/div&gt;  
    &lt;div&gt;  
        &lt;span&gt;Open&lt;/span&gt;  
        &lt;div style=&quot;width:150px;&quot;&gt;  
            &lt;div&gt;&lt;b&gt;Word&lt;/b&gt;&lt;/div&gt;  
            &lt;div&gt;Excel&lt;/div&gt;  
            &lt;div&gt;PowerPoint&lt;/div&gt;  
        &lt;/div&gt;  
    &lt;/div&gt;  
    &lt;div icon=&quot;icon-save&quot;&gt;Save&lt;/div&gt;  
    &lt;div class=&quot;menu-sep&quot;&gt;&lt;/div&gt;  
    &lt;div&gt;Exit&lt;/div&gt;  
&lt;/div&gt;  </pre>
    当菜单创建之后是不显示的,调用'<span style="font-family:Arial,Helvetica,'Nimbus Sans L',sans-serif; font-size:14px; text-align:left">show</span>'方法显示它或者调用<span style="font-family:Arial,Helvetica,'Nimbus Sans L',sans-serif; font-size:14px; text-align:left">'hide'方法隐藏它.</span>
    <pre name="code" class="javascript">
    $('#mm').menu('show', {  
      left: 200,  
      top: 100  
    });  
 </pre>
    <h4 style="font-size:16px; color:rgb(204,0,0); margin:10px 0px; font-family:Arial,Helvetica,'Nimbus Sans L',sans-serif; text-align:left"> 下载EasyUI示例代码:</h4>
    <div style="font-size:14px; font-family:Arial,Helvetica,'Nimbus Sans L',sans-serif; text-align:left; padding-left:50px"> <a href="http://www.jeasyui.com/tutorial/mb/downloads/easyui-menu-demo.zip" target="_blank" class="download-link" style="color:rgb(0,0,255)">easyui-menu-demo.zip</a></div>
    <br>

  </div>
</div>
<SCRIPT type=text/javascript>
	dp.SyntaxHighlighter.ClipboardSwf = 'documentation/js/clipboard.swf'/*tpa=http://jeasyui.com/SyntaxHighlighter/Scripts/clipboard.swf*/;
	dp.SyntaxHighlighter.HighlightAll('code');
</SCRIPT>